<!DOCTYPE html>
<html lang="en">

<head>
	<title>Services</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />

	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>

	<!-- css files -->
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' /><!-- bootstrap css -->
	<link href="css/style.css" rel='stylesheet' type='text/css' /><!-- custom css -->
	<link href="css/font-awesome.min.css" rel="stylesheet"><!-- fontawesome css -->
	<!-- //css files -->

	<!-- google fonts -->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i"
		rel="stylesheet">
	<link
		href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
		rel="stylesheet">
	<!-- //google fonts -->

</head>

<body>

	<!-- header -->
	<header>
		<div class="container">
			<!-- nav -->
			<nav class="py-md-4 py-3 d-lg-flex">
				<div id="logo">
					<h1 class="mt-md-0 mt-2"> <a href="index.html"><span class="fa fa-map-signs"></span> 悠捷商旅 </a>
					</h1>
				</div>
				<label for="drop" class="toggle"><span class="fa fa-bars"></span></label>
				<input type="checkbox" id="drop" />
				<ul class="menu ml-auto mt-1">
					<li class=""><a href="index.html">首页</a></li>
					<li class=""><a href="about.html">机票</a></li>
					<li class=""><a href="booking.html">酒店</a></li>
					<li class="active"><a href="services.html">签证</a></li>
					<li class=""><a href="packages.html">关于</a></li>
					<li class=""><a href="contact.html">联系</a></li>
					<!-- <li class="booking"><a href="booking.html">留言</a></li> -->
				</ul>
			</nav>
			<!-- //nav -->
		</div>
	</header>
	<!-- //header -->

	<!-- banner -->
	<section class="banner_w3lspvt">
		<div class="banner-top">
		   <div class="overlay">
			   <div class="container">
				   <div class="w3layouts-banner-info">
					<div class="title">
						<h3 class="text-wh">Never let your memories be greater than your dreams.</h3>
						<h4 class="text-wh">Join hands with Youjie, worry-free business travel</h4>
					</div>
					   <div class="buttons mt-4">
						   <a href="packages.html" class="btn mr-2">关于我们</a>
						   <a href="booking.html" class="btn">预定行程</a>
					   </div>
				   </div>
			   </div>
		   </div>
	   </div>
	   </section>
	<!-- //banner -->

	<!-- services -->
	<section class="services pt-5">
		<div class="container py-lg-5 py-sm-3">
			<h2 class="heading text-capitalize text-center mb-lg-5 mb-4"> 热门签证</h2>
			<div class="row">
				<!-- <div class="col-lg-9 mt-lg-0 mt-5"> -->
					<div class="row">
						<div class="col-lg-3 col-md-6 col-sm-6 service-grid-wthree text-center mb-5">
							<div class="ser-fashion-grid">
								<!-- <div class="about-icon mb-md-4 mb-3">
									<span class="fa fa-building" aria-hidden="true"></span>
								</div> -->
								<div class="ser-sevice-grid" >
									<h5 class="pb-3">美国签证</h5>
									<!-- <p>Duis nisi sapien, elementum et finibus et fermen eget, aliquet etleo. Mauris vel
										ex.</p> -->
									<img style="display: inline-block;width: 200px;height: 140px;"  src="./images/qz1.jpg" alt="">
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-sm-6 service-grid-wthree text-center mb-5">
							<div class="ser-fashion-grid">
								<!-- <div class="about-icon mb-md-4 mb-3">
									<span class="fa fa-building" aria-hidden="true"></span>
								</div> -->
								<div class="ser-sevice-grid" >
									<h5 class="pb-3">新西兰签证</h5>
									<!-- <p>Duis nisi sapien, elementum et finibus et fermen eget, aliquet etleo. Mauris vel
										ex.</p> -->
									<img style="display: inline-block;width: 200px;height: 140px;"  src="./images/qz2.jpg" alt="">
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-sm-6 service-grid-wthree text-center mb-5">
							<div class="ser-fashion-grid">
								<!-- <div class="about-icon mb-md-4 mb-3">
									<span class="fa fa-building" aria-hidden="true"></span>
								</div> -->
								<div class="ser-sevice-grid" >
									<h5 class="pb-3">瑞典签证</h5>
									<!-- <p>Duis nisi sapien, elementum et finibus et fermen eget, aliquet etleo. Mauris vel
										ex.</p> -->
									<img style="display: inline-block;width: 200px;height: 140px;"  src="./images/qz3.jpg" alt="">
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-sm-6 service-grid-wthree text-center mb-5">
							<div class="ser-fashion-grid">
								<!-- <div class="about-icon mb-md-4 mb-3">
									<span class="fa fa-building" aria-hidden="true"></span>
								</div> -->
								<div class="ser-sevice-grid" >
									<h5 class="pb-3">德国签证</h5>
									<!-- <p>Duis nisi sapien, elementum et finibus et fermen eget, aliquet etleo. Mauris vel
										ex.</p> -->
									<img style="display: inline-block;width: 200px;height: 140px;"  src="./images/qz4.jpg" alt="">
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-sm-6 service-grid-wthree text-center mb-5">
							<div class="ser-fashion-grid">
								<!-- <div class="about-icon mb-md-4 mb-3">
									<span class="fa fa-building" aria-hidden="true"></span>
								</div> -->
								<div class="ser-sevice-grid" >
									<h5 class="pb-3">加拿大签证</h5>
									<!-- <p>Duis nisi sapien, elementum et finibus et fermen eget, aliquet etleo. Mauris vel
										ex.</p> -->
									<img style="display: inline-block;width: 200px;height: 140px;"  src="./images/qz5.jpg" alt="">
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-sm-6 service-grid-wthree text-center mb-5">
							<div class="ser-fashion-grid">
								<!-- <div class="about-icon mb-md-4 mb-3">
									<span class="fa fa-building" aria-hidden="true"></span>
								</div> -->
								<div class="ser-sevice-grid" >
									<h5 class="pb-3">西班牙签证</h5>
									<!-- <p>Duis nisi sapien, elementum et finibus et fermen eget, aliquet etleo. Mauris vel
										ex.</p> -->
									<img style="display: inline-block;width: 200px;height: 140px;"  src="./images/qz6.jpg" alt="">
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-sm-6 service-grid-wthree text-center mb-5">
							<div class="ser-fashion-grid">
								<!-- <div class="about-icon mb-md-4 mb-3">
									<span class="fa fa-building" aria-hidden="true"></span>
								</div> -->
								<div class="ser-sevice-grid" >
									<h5 class="pb-3">澳大利亚签证</h5>
									<!-- <p>Duis nisi sapien, elementum et finibus et fermen eget, aliquet etleo. Mauris vel
										ex.</p> -->
									<img style="display: inline-block;width: 200px;height: 140px;"  src="./images/qz7.jpg" alt="">
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-sm-6 service-grid-wthree text-center mb-5">
							<div class="ser-fashion-grid">
								<!-- <div class="about-icon mb-md-4 mb-3">
									<span class="fa fa-building" aria-hidden="true"></span>
								</div> -->
								<div class="ser-sevice-grid" >
									<h5 class="pb-3">法国签证</h5>
									<!-- <p>Duis nisi sapien, elementum et finibus et fermen eget, aliquet etleo. Mauris vel
										ex.</p> -->
									<img style="display: inline-block;width: 200px;height: 140px;"  src="./images/qz8.jpg" alt="">
								</div>
							</div>
						</div>
					</div>
				<!-- </div> -->
			</div>
		</div>
	</section>
	<!-- //services -->

	<!-- text -->
	<section class="text-content">
		<div class="overlay-inner py-5">
			<div class="container py-md-3">
				<div class="test-info">
					<h4 class="tittle">签证服务</h4>
					<p class="mt-3">1. 提供大部分热门国家的加急签证服务！</p>
					<p class="mt-3">2. 提供170多个国家的各类别签证服务，国内最大最全！</p>
					<p class="mt-3">3.全国主要城市设有服务中心或代理中心，服务周到、细致、方便！</p>
					<p class="mt-3">4. 一站式签证服务，涵盖所有与签证相关的内容，客户只需提供最简单的基本材料！</p>
					<div class="text-left mt-4">
						<a href="booking.html">现在预订</a>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- //text -->
    <div>
		<img src="./images/流程.png" alt="" style="width: 100%;">
	</div>
	<!-- places -->
	<section class="trav-grids py-5" id="desti">
		<div class="container py-xl-5 py-lg-3">
			<h4 class="heading text-capitalize text-center mb-lg-5 mb-4">常见问题</h4>
			<div class="row">
				<div class="col-lg-6 mt-4">
					<div class="grids-tem-one">
						<div class="row">
							<div class="col-sm-5 grids-img-left">
								<img src="images/japan.jpg" alt="" class="img-fluid">
							</div>
							<div class="col-sm-7 right-cont">
								<h5 class="mb-2 let mt-sm-0 mt-2 tm-clr">申请瑞士签证不再必须“面签”</h5>
								<ul class="d-flex">
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
								</ul>
								<p class="mt-3">据《新闻晨报》报道，外企德科上海瑞士签证受理中心昨日正式举行开业典礼，
									这意味着申请赴瑞士签证的申请人有了新的申请方式，面签也不再是必须的。</p>
								<p class="duration mt-2"><span
										class="fa fa-clock-o mr-2"></span><strong>Time</strong> : 12-03, 2019</p>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-6 mt-4">
					<div class="grids-tem-one">
						<div class="row">
							<div class="col-sm-5 grids-img-left">
								<img src="images/singapore.jpg" alt="" class="img-fluid">
							</div>
							<div class="col-sm-7 right-cont">
								<h5 class="mb-2 let mt-sm-0 mt-2 tm-clr">美国留学签证办理常见问题</h5>
								<ul class="d-flex">
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
								</ul>
								<p class="mt-3">“DS-160”全称非移民签证电子申请系统在线表格。全球已有10%的美国使领馆使用此表格，
									中国香港使用此表格已有一年。中国大陆自今年3月1日起实行此表。据美国驻华使馆介绍，使用此表后，
									在中国一年至少可节约200-300万纸张，电子化签证申请将成为赴美签证申请的大势所趋</p>
								<p class="duration mt-2"><span
										class="fa fa-clock-o mr-2"></span><strong>Time</strong> : 12-03, 2019</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row pt-lg-3">
				<div class="col-lg-6 mt-4">
					<div class="grids-tem-one">
						<div class="row">
							<div class="col-sm-5 grids-img-left">
								<img src="images/malaysia.jpg" alt="" class="img-fluid">
							</div>
							<div class="col-sm-7 right-cont">
								<h5 class="mb-2 let mt-sm-0 mt-2 tm-clr">申请英国留学签证常见问题</h5>
								<ul class="d-flex">
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
								</ul>
								<p class="mt-3">申请者可以在Consular Electronic Application Center网站或者是从U.S.Embassy or Consulate
									网站上的链接访问DS-160</p>
								<p class="duration mt-2"><span
										class="fa fa-clock-o mr-2"></span><strong>Time</strong> : 12-03, 2019</p>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-6 mt-4">
					<div class="grids-tem-one">
						<div class="row">
							<div class="col-sm-5 grids-img-left">
								<img src="images/china.jpg" alt="" class="img-fluid">
							</div>
							<div class="col-sm-7 right-cont">
								<h5 class="mb-2 mt-sm-0 mt-2 let tm-clr"><a href="./detail.html" style="color: black;">查看更多</a></h5>
								<ul class="d-flex">
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
									<li><span class="fa fa-star"></span></li>
								</ul>
								<p class="mt-3">更多问题解答</p>
								<p class="duration mt-2"><span
										class="fa fa-clock-o mr-2"></span><strong>Time</strong> : 12-03, 2019</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- //places -->

	<!--footer -->
	<footer>
		<section class="footer footer_w3layouts_section_1its py-5">
			<div class="container py-lg-4 py-3">
				<div class="row footer-top">
					<div class="col-lg-3 col-sm-6 footer-grid_section_1its_w3">
						<div class="footer-title">
							<h3>联系我们</h3>
						</div>
						<div class="footer-text">
							<!-- <p>联 系 人：孙 娟</p> -->
							<p>联系电话：021-22874316</p>
							<!-- <p>手机 : 15669970810(微信同号）</p> -->
							<p>地址 : 上海市浦东新区富特西一路417号235室&emsp;上海市闵行区光中路133弄19号A座</p>
							<p>邮 箱：<a href="mailto:info@example.com">Tina@youjiesw.com</a></p>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6 footer-grid_section mt-sm-0 mt-4">
						<div class="footer-title">
							<h3>关于我们</h3>
						</div>
						<div class="footer-text">
							<p>上海悠捷商务咨询有限公司总部设于长江三角洲的 核心城市上海，
								是一家由上海工商局正式批准成立并获 得国际航空运输协会(IATA)一级资质、阿迈德斯 （ AMADEUS）、加利略（ GALILEO）以及
								阿巴克斯 （ ABACUS）世界三大分销网络航空合作单位!</p>
						</div>
						<!-- <ul class="social_section_1info">
							<li class="mb-2 facebook"><a href="#"><span class="fa fa-facebook"></span></a></li>
							<li class="mb-2 twitter"><a href="#"><span class="fa fa-twitter"></span></a></li>
							<li class="google"><a href="#"><span class="fa fa-google-plus"></span></a></li>
							<li class="linkedin"><a href="#"><span class="fa fa-linkedin"></span></a></li>
						</ul> -->
					</div>
					<div class="col-lg-3 col-sm-6 mt-lg-0 mt-4 footer-grid_section_1its_w3">
						<div class="footer-title">
							<h3>旅游地点</h3>
						</div>
						<div class="row">
							<ul class="col-6 links">
								<li><a href="#choose" class="scroll">新西兰 </a></li>
								<li><a href="#overview" class="scroll">法国巴黎 </a></li>
								<li><a href="#pricing" class="scroll">洛杉矶</a></li>
								<li><a href="#faq" class="scroll"> 达灵顿</a></li>
								<li><a href="#testimonials" class="scroll">加拿大 </a></li>
								<li><a href="#contact" class="scroll"> 南非 </a></li>
							</ul>
							<ul class="col-6 links">
								<li><a href="#">西班牙 </a></li>
								<li><a href="#">土耳其</a></li>
								<li><a href="#faq" class="scroll">欧洲 </a></li>
								<li><a href="#">意大利 </a></li>
								<li><a href="#">瑞典 </a></li>
							</ul>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6 mt-lg-0 mt-4 footer-grid_section_1its_w3">
						<div class="footer-title">
							<h3>通讯</h3>
						</div>
						<div class="footer-text">
							<p>订阅我们的邮件列表，您将始终获得我们的最新消息和更新。</p>
							<form action="#" method="post">
								<input type="email" name="Email" placeholder="Enter your email..." required="">
								<button class="btn1"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
								<div class="clearfix"> </div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</section>
	</footer>
	<!-- //footer -->

	<!-- copyright -->
	<div class="copyright py-3 text-center">
		<p>Copyright &copy; 2019.YouJie All rights reserved. <a href="http://www.baidu.com/" target="_blank" title=""></a><a href="http://www.cssmoban.com/" title="" target="_blank"></a></p>
	</div>
	<!-- //copyright -->

	<!-- move top -->
	<div class="move-top text-right">
		<a href="#home" class="move-top">
			<span class="fa fa-angle-up  mb-3" aria-hidden="true"></span>
		</a>
	</div>
	<!-- move top -->


</body>

</html>